import React, { useState } from 'react'

export default function DemoEvent() {
    const [name,setName]=useState('default')
    const handleChange = e =>{
        console.log(e.target.value);
        // 拿到输入框中最新的值，并调用setName方法保存到name状态中
        setName(e.target.value)
    }
    const handleSubmit = () => {
        alert('拿到数据了')
    }
  return (
    <div>
        <label htmlFor="name">
            {/* 非受控组件 */}
            姓名：<input type="text" name='' value={name} onChange={handleChange}/>
        </label>
        <label htmlFor="email">
            电子邮件：<input type="text" name=''/>
        </label>
        <button onClick={handleSubmit}>提交</button>
    </div>
  )
}
